<template>
  <!-- // 三级联动组件--全局组件 -->
  <div>
  <TypeNav/>
  <ListContainer/>
  <Recommend/>
  <Rank/>
  <Like/>
 
  <Floor v-for="(floor,index) in floorList" :key="floor.id" :list="floor"/>
  
  <Brand/>

  </div>
 
</template>

<script>
// 引入其余的组件
import ListContainer from '@/pages/Home/ListContainer';
import Recommend from '@/pages/Home/Recommend';
import Rank from '@/pages/Home/Rank';
import Like from '@/pages/Home/Like';
import Floor from '@/pages/Home/Floor';
import Brand from '@/pages/Home/Brand';
import {mapState} from 'vuex';
export default {
  name:'',
components:{
  ListContainer,
  Recommend,
   Rank,
   Like,
   Floor,
   Brand
   },
   mounted() {
    //  派发action获取floor组件数据
     this.$store.dispatch('getFloorList');
    //  派发action获取用户数据
    //  this.$store.dispatch('getUserInfo')
      //  派发action获取用户数据已移至全局路由，更方便的解决办法是直接放在header

   },
 computed:{
   ...mapState({
     floorList:state=>state.home.floorList

   })
 }
}

</script>

<style>

</style>